<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>不倒翁OL - 注册</title>
    <link href="/css/base.css" type="text/css" rel="stylesheet" />
    <link href="/css/form.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript">
        function refreshCheckCode(obj) {
            var dt = new Date();
            obj.src = '/CheckCode?flag=3&x=' + dt.getSeconds();
        }
    </script>
</head>
<body>
    <div id="wrap" style="margin-top:50px;">
        <a href="#" id="logo">
            <img src="/images/logo.png"></a>
        <div id="regiest_step_nav">
            <ul>
                <li class="current">1.账户信息</li>
                <li>2.注册完成</li>
            </ul>
            <div class="clear"></div>
        </div>
        <form id="rForm" name="rForm">
            <div id="regiest_content" class="reg_from">
                <div class="regiesst_form">
                    <div class="form_item" style="display:none">
                        <div class="form_text">
                            <label for="parm">推荐人ID</label>
                            <input type="text" readonly id="parm" name="parm" value="{$_SESSION ['parm']}">
                        </div>
                        <div class="form_tips"><span><em>必填</em>数字</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="form_item">
                        <div class="form_text">
                            <label for="UserName">用户名</label>
                            <input type="text" id="UserName" name="UserName" class="easyui-validatebox" data-options="required:true,validType:'checkName'" tipPosition="bottom" placeholder="请输入用户名" />
                        </div>
                        <div class="form_tips"><span><em>必填</em>4-12位字母、数字。</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="form_item">
                        <div class="form_text">
                            <label for="NiceName">用户昵称</label>
                            <input type="text" id="NiceName" name="NiceName" class="easyui-validatebox" data-options="required:true,validType:'checkNiceName'" tipPosition="bottom" placeholder="用户昵称" />
                        </div>
                        <div class="form_tips"><span><em>必填</em>6-12位汉字符号。</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="form_item">
                        <div class="form_text">
                            <label for="UserPwd">密码</label>
                            <input type="password" id="UserPwd" name="UserPwd" class="easyui-validatebox" data-options="required:true,validType:'checkPwd'" tipPosition="bottom" placeholder="请输入密码" />
                        </div>
                        <div class="form_tips"><span><em>必填</em>6-16位字母、数字。</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="form_item">
                        <div class="form_text">
                            <label for="RUserPwd">确认密码</label>
                            <input type="password" id="RUserPwd" name="RUserPwd" class="easyui-validatebox" required="required" validtype="equals['#UserPwd']" tipPosition="bottom" placeholder="请输入确认密码" />
                        </div>
                        <div class="form_tips"><span><em>必填</em>请重新输入密码确认。</span></div>
                        <div class="clear"></div>
                    </div>
                    <div style="display: none;" class="form_item">
                        <div class="form_text">
                            <label for="phone">手机</label>
                            <input type="text" value="" id="phone">
                        </div>
                        <div class="form_tips"><span>请填写您的手机号码</span></div>
                        <div class="clear"></div>

                    </div>
                    <div class="form_item">
                        <div class="form_text">
                            <label for="Email">常用邮箱</label>
                            <input type="text" id="Email" name="Email"  class="easyui-validatebox" required="true" validType="email" tipPosition="bottom" placeholder="请输入常用邮箱">
                        </div>
                        <div class="form_tips"><span><em>必填</em>常用邮箱，方便找回密码。</span></div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="form_item">
                    <div style="width: 90px;" class="form_text">
                        <label for="vercode">验证码</label>
                        <input type="text" id="VerificationCode" name="VerificationCode" class="easyui-validatebox" required="required"  tipPosition="bottom" placeholder="请输入验证码" />
                    </div>
                    <div id="vercode_image">
                        <img style="cursor: pointer;" onClick="refreshCheckCode(this)" src="/CheckCode?flag=3" alt="点击刷新验证码" id="imgsCode" />

                    </div>
                    <div id="vercode_refresh"><span onClick="$('#imgsCode').click();">换一个</span></div>
                    <div class="clear"></div>
                </div>
                <div class="clause">
                    <div class="radio_item">
                        <input type="checkbox" checked="checked" id="caseCheck">
                        <label id="show_clause">我已阅读并同意《不倒翁OL服务条款》</label>
                    </div>
                    <div id="clause">
                        <div class="clause_body">
                            <h3>一、交易协议</h3>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">1. 本网站所有开奖数据均使用官方开奖数据，当网络故障或数据异常导致本站数据 与官方不相同时，以官方为准。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">2. 用户在下注后，请等待显示投注结果，为了避免出现争议，请务必在下注之后检查游戏记录，以确认成功下注。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">3. 用户在游戏过程中，若发生网络问题而导致断线，所有已被确认的下注单仍然有效，会员在重新登录时，请检查游戏记录和游戏分数。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">4. 一旦投注成交后，不得取消或修改。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">5. 本站保留判定任何涉嫌以非正常方式进行投注的用户投注无效的权利。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">6. 倘若发生遭黑客入侵破坏行为或不可抗之灾害因素导致网站故障或资料坏，数据丢失等情况，我们将以本公司在线交易之后备用数据为最后处理。</p>
                            <p>&nbsp;</p>
                            <h3>二、责任声明</h3>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">1. 用户在投注前请核实此游戏是否符合当地法律。如因在本网站投注触犯当地法律，本站概不负责。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">2. 用户须达到居住地国家法律规定之合法年龄方可使用本网站服务。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">3. 用户有责任确保自己的账户及登录资料的保密性。在本网站以账号和密码进行的任何网上投注将被视为有效，若自己的资料被盗用，请立即联系上级代理锁定账号，并及时与平台客服取得联系，找回账号并及时修改该资料。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">4. 每次登入时用户都应该核对自己的游戏分数，如果对游戏分数有任何疑问，请立即通知网站客服。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">5. 为避免争议，请会员在使用本网站服务前，详细阅读本网站各项协议，会员一开始投注，即被视为已接受本网站的各项协议。</p>
                            <p>&nbsp;</p>
                            <p style="text-indent: 8mm;">6. 本公司保留对其他争议的修证权。</p>
                            <p>&nbsp;</p>
                        </div>
                    </div>
                </div>
                <div style="width: 220px; margin: 0px auto;" class="form_button_group base_button_group">
                    <div class="base_button">
                        <button>取消</button>
                    </div>
                    <div id="submitRegiest" class="base_button green_button">
                        <input type="button" id="submitReg" value="提交" style="width: 98px; height: 30px;" />
                        
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="regiest_content" class="reg_from1" style="display: none;">
                <div class="regiesst_form">

                    <!--suscess_tips start-->
                    <div style="padding: 40px 20px;">
                        <h2 style="color: #690;height: 30px;line-height: 30px;font-size: 23px;text-align: center;font-weight: normal;">恭喜，您已经完成注册！</h2>
                        <div style="margin-top:5px;">
                            <p style="text-align: center;color: rgb(102, 102, 102)">感谢您注册不倒翁OL！祝您游戏愉快！</p>
                        </div>
                        <div style="margin-top:5px;">
                            <p style="text-align: center; font-size: 16px; color: rgb(102, 102, 102)">当前在线人数  <span style="font-weight: bold; color: #ff0000" ><script type="text/javascript">document.write(Math.floor(Math.random()*(499-199+1)+199));</script></span> 人</p>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
<script src="https://cdn.jsdelivr.net/jquery/1.10.2/jquery.min.js"></script>
<link href="/js/easyui/themes/default/easyui.css">
<script src="https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/easyui/jquery.easyui.min.js"></script>
<script src="/js/easyui/easyui-lang-zh_CN.js"></script>
<script src="/js/check.js"></script>
<script type="text/javascript">
    $(".form_text input").focus(function () {
        $(this).parent(".form_text").addClass("form_text_focus");
    }).blur(function () {
        $(this).parent(".form_text").removeClass("form_text_focus");
    })
    var i = 0;
    $("#show_clause").click(function () {
        if (i) {
            $("#clause").slideUp();
            i = 0;
        } else {
            $("#clause").slideDown();
            i = 1;
        }
    });

    $("#caseCheck").click(function () {
        if (!$("#caseCheck").prop("checked")) {
            $("#submitRegiest").css("display", "none");
        }
        else {
            $("#submitRegiest").css("display", "block");
        }
    });

    $("#submitReg").click(function () {
        if ($("#rForm").form('validate')) {
            $.ajax({
                url: "/Home/RegUser",
                type: "POST",
                data: $('#rForm').serialize(),
                dataType: "json",
                success: function (data) {
                    if (data.Success) {
                        $(".reg_from").css("display", "none");
                        $(".reg_from1").css("display", "block");
                        setTimeout(onHref, 3000);
                    } else {
                        $.messager.alert('提示:', data.Msg, "error");
                    }
                }
            });
        }
    });
    function onHref() {
        location.href = "/PersonalCenter";
    }
</script>
</body>
</html>
